Skip to content
cuijianzhuang  /   pages  /  
Clear Command Palette
Tip: Type # to search pull requests
Type ? for help and tips
Tip: Type # to search issues
Type ? for help and tips
Tip: Type # to search discussions
Type ? for help and tips
Tip: Type ! to search projects
Type ? for help and tips
Tip: Type @ to search teams
Type ? for help and tips
Tip: Type @ to search people and organizations
Type ? for help and tips
Tip: Type > to activate command mode
Type ? for help and tips
Tip: Go to your accessibility settings to change your keyboard shortcuts
Type ? for help and tips
Tip: Type author:@me to search your content
Type ? for help and tips
Tip: Type is:pr to filter to pull requests
Type ? for help and tips
Tip: Type is:issue to filter to issues
Type ? for help and tips
Tip: Type is:project to filter to projects
Type ? for help and tips
Tip: Type is:open to filter to open content
Type ? for help and tips
We’ve encountered an error and some results aren't available at this time. Type a new search or try again later.
No results matched your search
Search for issues and pull requests # Search for issues, pull requests, discussions, and projects # Search for organizations, repositories, and users @ Search for projects ! Search for files / Activate command mode > Search your issues, pull requests, and discussions # author:@me Search your issues, pull requests, and discussions # author:@me Filter to pull requests # is:pr Filter to issues # is:issue Filter to discussions # is:discussion Filter to projects # is:project Filter to open issues, pull requests, and discussions # is:open
pages Public template
forked from marlkiller/pages
Fork your own copy of cuijianzhuang/pages
Unstar this repository
Star this repository

HomePage

Open in github.dev Open in a new github.dev tab Open in codespace

cuijianzhuang/pages

Add file

Add file

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

93 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Personal Homepage

一个优雅的个人主页,具有动态天气、一言、音乐播放器等功能。

功能特性

  • 🌓 自适应明暗主题切换

    • 基于地理位置的日出日落自动切换
    • 手动切换主题功能
    • 主题状态本地持久化
  • 🌤️ 实时天气显示

    • 基于高德地图API的IP定位
    • 和风天气API提供天气数据
    • 显示温度、体感温度、风向、湿度等信息
  • ⌚ 实时时间日期

    • 优雅的时间显示效果
  • 💭 一言功能

    • 随机展示精选句子
    • 定时自动更新
  • 🎵 音乐播放器

    • 支持网易云音乐
    • 迷你播放器模式
    • 自定义播放列表
  • ❄️ 特效系统

    • 星星特效
    • 雪花特效(冬季自动开启)
  • 🎨 优雅的界面设计

    • 响应式布局
    • 平滑过渡动画
    • 优雅的字体和配色

技术栈

  • HTML5 + CSS3
  • JavaScript (ES6+)
  • Font Awesome 图标
  • MetingJS 音乐播放器
  • 高德地图 API
  • 和风天气 API
  • 一言 API

配置说明

主要配置文件位于 js/config.js

javascript
const CONFIG = {
// 高德地图API配置
AMAP: {
KEY: 'your_amap_key',
ENDPOINTS: {
IP_LOCATION: 'https://restapi.amap.com/v3/ip',
GEOCODE: 'https://restapi.amap.com/v3/geocode/geo'
}
},
// 和风天气API配置
QWEATHER: {
KEY: 'your_qweather_key',
ENDPOINTS: {
WEATHER: 'https://devapi.qweather.com/v7/weather/now',
SUN: 'https://devapi.qweather.com/v7/astronomy/sun'
}
},
// 更新间隔配置
WEATHER_UPDATE_INTERVAL: 1800000, // 30分钟
HITOKOTO_UPDATE_INTERVAL: 300000, // 5分钟
THEME_UPDATE_INTERVAL: 3600000 // 1小时
};

部署说明

一键部署vercel

Deploy with Vercel

  1. 克隆仓库
git clone https://github.com/cuijianzhuang/pages.git
  1. 配置 API Keys
  • js/config.js 中替换相应的 API keys
  1. 部署到服务器
  • 支持任何静态网页托管服务
  • 推荐使用 GitHub Pages 、Vercel 或 Cloudflare Pages

浏览器支持

  • Chrome (推荐)
  • Firefox
  • Safari
  • Edge
  • Opera

许可证

MIT License

鸣谢

Edit repository details

    Include in the home page

    About

    HomePage

    Resources

    Stars

    Watchers

    Forks

    Deployments 123

    • Queued Production queued
    • Queued github-pages queued

    Languages

    • CSS 50.3%
    • JavaScript 35.3%
    • HTML 14.4%